<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
	
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!--// Meta tag Keywords -->
	
	<!-- css files -->
	<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS --> 
	<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->

	<!-- web-fonts -->
	<link href="http://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
	<!-- //web-fonts -->
	
</head>

<body>
	<!-- Navigation -->
	<div class="container">
<!-- header top -->
		<div class="head-wl d-md-flex py-3">
			<div class="headder-w3 text-uppercase p-1 text-center">
				<h1><a href="index.html"><img src="images/0.jpg" height="60px" alt="金钊金属" /></a></h1>
			</div>

			<div class="w3-header-top-right-text text-center">
				<h6 class="caption p-1">联系我们</h6>
				<p>13463127669</p>
			</div>

			<div class="email-right text-center">
				<h6 class="caption p-1">邮箱地址</h6>
				<p><a href="mailto:mail@example.com" class="info">hebeijinzhaojinshu@163.com</a></p>

			</div>

			<div class="agileinfo-social-grids text-center">
			</div>
		</div>
		<!-- //header top -->
	
		<!-- Nav bar -->
		<nav class="navbar navbar-expand-lg navbar-light bg-faded">
		  <button class="navbar-toggler mx-auto" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			<span class="navbar-toggler-icon"></span>
		  </button>
		  <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
			<ul class="navbar-nav">
			  <li class="nav-item active">
				<a class="nav-link" href="index.html">主页 <span class="sr-only">(current)</span></a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="about.html">关于我们</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="services.html">我们的服务</a>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="gallery.html">工厂展示</a>
			  </li>
			  <li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
				  关于产品
				</a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
				  <a class="dropdown-item" href="typography.html">产品详情</a>
				</div>
			  </li>
			  <li class="nav-item">
				<a class="nav-link" href="contact.html">联系我们</a>
			  </li>
			</ul>
		  </div>
		</nav>
	<!-- Nav bar -->
    </div>
	<!-- //Navigation -->

<!-- inner page banner -->
<section class="inner_page_banner text-center pt-4">
	<h2 class="page_heading text-uppercase pt-md-5 pt-sm-4">About Page</h2>
	<h4 class="text-uppercase pt-2"><a href="index.html">Home</a> - About Page</h4>
</section>
<!-- //inner page banner -->

<!-- Welcome section -->
<section class="welcome py-5 my-lg-5" id="welcome">
	<h3 class="heading text-center text-uppercase">欢迎访问我们</h3>
	<p class="heading-bottom text-center font-italic mb-5">您能够多了解我们，就会越信任我们</p>
	<div class="container">
		<div class="row">
			<div class="col-lg-6 welcome_left">
				<img src="images/welcome.jpg" alt="welcome image">
			</div>
			<div class="col-lg-6 welcome_right mt-5 py-5 px-4">
				<p>我厂坐落在河北省定州市李亲顾镇留宿工业区，是河北省最为优质的电镀锌黄铁线生产厂家，我厂扶持全国黄铁线经销商出售产品。从2011年我们开始进行黄铁线生产
				研究生产工序，以求达到行业最高标准，能够更好的服务通讯电力行业，因为专注所以更让大家放心。</p>
				
				<div class="row grid1 my-4">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-info-circle" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">我们的业务</h3>
						<p>电镀锌黄铁线，电镀锌铁丝，服务于丝网编织，绑丝，以及通讯电力方面。</p>
					</div>
				</div>
				<div class="row grid2 my-4">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-headphones" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">定制化生产</h3>
						<p>我们接受客户指定产品条件进行生产，可以生产高含锌量以及硬度较高的铁丝。</p>
					</div>
				</div>
				<div class="row grid3">
					<div class="col-md-2 col-sm-2 col-3 icon color1 text-center">
						<span class="fas fa-users" aria-hidden="true"></span>
					</div>
					<div class="col-md-10 col-sm-10 col-9 grid_info">
						<h3 class="text-uppercase mb-2">我们的员工</h3>
						<p>我们工厂拥有30余人的专业生产团队，大家分工明确在自己的领域做到尽职尽责，不出任何差错。</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //Welcome section -->

<!-- why we best Section -->
<section class="why">
	<div class="layer py-5">
		<h3 class="heading text-center text-uppercase">为什么选择我们？</h3>
		<p class="heading-bottom text-center font-italic mb-5">河北地区优质电镀锌黄铁丝生产厂家</p>
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-sm-6 why-grid text-center icon">
						<span class="fas fa-users" aria-hidden="true"></span>
						<h3 class="text-uppercase mt-4 mb-3">优秀的人员</h3>
						<p>我们的员工不是985 211大学毕业生，没有那么广阔的学识，但我们对自己职务了解最清楚，知道怎么去做，怎么做好！我们拥有着一群认真负责的老实人们，我们的愿景就是提供最好的产品给大家，做好我们最简单的分内工作。</p>
						<div class="agileits-button two service">
							<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#myModal" role="button">详细介绍 »</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6 mt-4 why-grid text-center icon">
						<span class="fa fa-user" aria-hidden="true"></span>
						<h3 class="text-uppercase mt-4 mb-3">现代化生产线</h3>
						<p>高精准的拔丝模具，高效低耗的退火天然气设备，随时关停生产线的能力以及一体化的生产线，在保证能够通过环保检查的情况下也保证出货质量和速度！给各大商铺经销商带来绝对的货物支持以及价格优惠。</p>
						<div class="agileits-button two service">
							<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#myModal" role="button">详细介绍 »</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4 why-grid text-center icon">
						<span class="fa fa-headphones" aria-hidden="true"></span>
						<h3 class="text-uppercase mt-4 mb-3">销售服务</h3>
						<p>在与顾客交谈时，谨记顾客要求。做到售前售后让顾客满意，任何质量问题，运输问题我们都一概负责！免去顾客对我们对货物的任何担忧。</p>
						<div class="agileits-button two service">
							<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#myModal" role="button">详细介绍 »</a>
						</div>
					</div>
					<div class="col-lg-3 col-sm-6 mt-lg-0 mt-sm-5 mt-4 why-grid text-center icon">
						<span class="fas fa-certificate" aria-hidden="true"></span>
						<h3 class="text-uppercase mt-4 mb-3">优质产品</h3>
						<p>我们秉承长远利益发展要求，坚决维护优质产品生产销售，我厂采用九江、长宁Q195盘条进行现代化生产，丝径、硬度以及颜色都把控在最优范围。</p>
						<div class="agileits-button two service">
							<a class="btn btn-primary btn-lg hvr-underline-from-left text-uppercase" href="#" data-toggle="modal" data-target="#myModal" role="button">详细介绍 »</a>
						</div>
					</div>
				</div>
			</div>
	</div>
</section>
<!-- //why we best Section -->

<!-- About Section -->
<section class="about py-5 my-lg-5">
	<h3 class="heading text-center text-uppercase">关于我们工厂</h3>
	<p class="heading-bottom text-center font-italic mb-5">传承百年匠心，电镀锌黄铁线</p>
		<div class="container">
			<div class="row welcome-sub-wthree">
				<div class="col-lg-5 mb-lg-0 mb-md-3 banner_bottom_left">
					<h4 class="text-capitalize">公司历史概况</h4>
					<p class="para text-capitalize font-italic">传承百年匠心精神</p>
					<p>我们工厂成立于1999年，在1999-2018年之间一共搬迁过四次厂房，由最初的30亩厂房面积到现在的80亩厂房工作区。我们的业务也从最开始的电镀白铁丝现在转为电镀锌黄铁线。</p>
					<p>在2011年初开始生产电镀锌黄铁线，期间也是经理一些困难，颜色过深，颜色过浅，掉色严重等等问题。经过两年时间的不断调整才是您看到的最优镀锌黄铁线。</p>
				</div>
				
				<!-- Stats-->
				<div class="col-lg-2 col-md-5 w3l-right-stats text-center">
					<div class="stats-grid py-3 stat-border">
						<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='190' data-delay='.2' data-increment="1">40</div>
						<p>员工</p>
					</div>
					<div class="stats-grid py-3">
						<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='480' data-delay='.2' data-increment="1">8</div>
						<p>部门</p>
					</div>
					<div class="stats-grid py-3 stat-border border-st2">
						<div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='900' data-delay='.2' data-increment="1">80</div>
						<p>（亩）厂房</p>
					</div>
				</div>
				<!-- //Stats -->
				<div class="col-lg-5 col-md-7 stats-info-agile">
					<img src="images/11.jpg" alt="" class="img-fluid" />
				</div>
			</div>
		</div>
</section>
<!-- //About Section -->

<!-- footer -->
<footer>
	<div class="footer-top">
		<div class="container">
			<div class="row py-5">
				<div class="col-lg-3 col-md-6 footer-grid">
					<div class="footer-logo">
						<h3 class="text-uppercase mb-3">关于我们</h3>
						<p>我们主要从事电镀锌白丝以及黄铁线铁丝的生产，可对产品进行定制生产。我们的公司理念：服务更多，满意堆满全中国。</p>
						
					</div>
				</div>
				<div class="col-lg-3 col-md-6 footer-grid mt-md-0 mt-sm-3 mt-3">
					<h3 class="text-uppercase mb-3">服务范围</h3>
					<ul>
						<li> <a href="#">快速的货代运输</a> </li>
						<li> <a href="#">特优质的原材料</a> </li>
						<li> <a href="#">标准的产品包装</a> </li>
						<li> <a href="#">完美的售后服务</a> </li>
						<li> <a href="#">正规的增值发票</a> </li>
					</ul>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 footer-grid">
					<h3 class="text-uppercase mb-3">联系我们</h3>
					<address>
						<p class="pb-2"><span class="fa fa-home" aria-hidden="true"></span>河北省定州市<span class="addr">李亲顾镇留宿工业区</span></p>
						<p class="pb-2"><span class="fa fa-phone" aria-hidden="true"></span>13463127669</p>
						<p class="pb-2"><span class="fa fa-envelope" aria-hidden="true"></span><a href="mailto:contact@mail.com">hebeijinzhaojinshu@163.com</a></p>
						<p class="pb-2"><span class="fa fa-globe" aria-hidden="true"></span><a href="#">www.jinzhaojinshu.com</a></p>
					</address>
				</div>
				<div class="col-lg-3 col-md-6 mt-lg-0 mt-md-4 mt-sm-3 mt-3 agile-footer-grid footer-grid">
					<h3 class="text-uppercase mb-3">最近更新照片</h3>
					<div class="row insta">
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i1.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i2.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i3.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i4.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i5.jpg" alt=" " class="img-responsive" /></a>
						</div>
						<div class="col-4 w3_agileits_footer_grid_left">
							<a href="#"><img src="images/i6.jpg" alt=" " class="img-responsive" /></a>
						</div>
					</div>
				</div>
			</div>
			<div class="wthree_copy_right p-3">
				<p class="text-capitalize">Copyright &copy; 2018.Company name All rights reserved.</p>
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->

<!-- js-scripts -->		

	<!-- js -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap --> 
	<!-- //js -->	
	
	<!-- stats numscroller-js-file -->
	<script src="js/numscroller-1.0.js"></script>
	<!-- //stats numscroller-js-file -->

	<!-- start-smoth-scrolling -->
	<script src="js/SmoothScroll.min.js"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
	</script>
	<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
	<!-- //here ends scrolling icon -->
	<!-- start-smoth-scrolling -->

<!-- //js-scripts -->

</body>
</html>